.post-swiper-container {
  width: 100%
  border-radius: 4px
  position: relative;
  overflow: hidden;
  --gap-p: 2rem
  &:not(.swiper-container-initialized) {
    display: none
  }
  .swiper-wrapper,
  .swiper-pagination {
    z-index: 0  
  }
  div.swiper-slide {
    text-align: left
    display: -webkit-box
    display: -ms-flexbox
    display: -webkit-flex
    display: flex
    align-self: center
    -webkit-box-pack: center
    -ms-flex-pack: center
    -webkit-justify-content: center
    justify-content: center
    -webkit-box-align: center
    -ms-flex-align: center
    -webkit-align-items: center
    align-items: center
    width: 50%
    img {
      border-radius: 4px
      width: 100%
      // max-height: 500px
      object-fit: cover
    }
  }
  &[width='max'] div.swiper-slide,
  &[width='fill'] div.swiper-slide {
    width: 100%
  }
  &[width='max'] div.swiper-slide,
  &[width='multiple'] div.swiper-slide {
    .swiper-slide-href_tag .swiper-slide-desc_tag {
      font-size: 18px!important;  
    }
    width: 25%
  }
  .swiper-button-prev, .swiper-button-next {
    padding: 1rem 0.5rem
    margin-top: -2rem !important
    border-radius: 4px
    background: alpha(white, 0.25)
    transition: background 0.2s ease-out
    z-index: 1
    --swiper-theme-color: black !important
    &:after {
      font-size: 1.2rem !important
      font-weight: 700 !important
    }
    &:hover {
      background: white !important
      --swiper-theme-color: $color-primary !important
      transition: all 0.2s
    }
  }
  .swiper-slide-href_tag {
    display: block
    position: relative
    .swiper-slide-desc_tag {
      position: absolute
      top: 20px
      left: 0
      padding: 0 20px
      font-size: 24px
      color: #fff
      font-weight: 400;
      // z-index: 2;
    }
  }
  @media (max-width: 551px) {
    .swiper-slide-href_tag .swiper-slide-desc_tag {
      font-size: 16px;
    }
  }
}